<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>button 标签</title>
</head>
<body>

<!--
<button>按钮文本</button>
type：定义按钮的类型。常见值包括：
    1. "button"：普通按钮，不提交表单。
    2. "submit"：提交按钮，用于提交表单。
    3. "reset"：重置按钮，用于重置表单的内容。
<button type="button" onclick="alert('按钮被点击')">点击我</button>

<button> vs <input type="button">
    1. <button> 标签可以包含文本、HTML 内容（如图标），样式更灵活。
    2. <input type="button"> 标签更简洁，但只能显示纯文本，不能包含其他 HTML 元素。
-->
<button type="button">普通按钮</button>
<button type="submit">提交按钮</button>
<button type="reset">重置按钮</button>

<button type="button" onclick="alert('按钮被点击')">点击我</button>
</body>
</html>